<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" class="x-purpose window x-full-screen container-fluid main13" component="$UI/system/components/justep/window/window"
  design="device:mobile;" xid="window">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="height:auto;left:373px;top:41px;"> 
    <div component="$UI/system/components/justep/data/data" autoLoad="true" xid="mainMenuData" idColumn="fID" onCustomRefresh="mainMenuDataCustomRefresh"> 
      <column label="id" name="fID" type="String" xid="default6"></column>
  <column label="标题" name="fTitle" type="String" xid="xid6"></column>
  <column label="图片" name="fImg" type="String" xid="xid7"></column>
  <column name="pID" type="String" xid="xid1"></column>
  <data xid="default1">[]</data></div>  
    <div component="$UI/system/components/justep/data/data" autoLoad="false" xid="infoData" idColumn="id" limit="8" onCustomRefresh="infoDataCustomRefresh" onBeforeRefresh="infoDataBeforeRefresh">
   <column name="id" type="String" xid="column1"></column>
   <column name="title" type="String" xid="xid2"></column>
   <column name="image" type="String" xid="xid3"></column>
   <column name="description" type="String" xid="xid4"></column>
   <data xid="default2">[]</data>
   <column name="content" type="String" xid="xid5"></column></div></div><div component="$UI/system/components/justep/panel/panel" class="x-panel x-full" xid="panel1">
   <div class="x-panel-top" xid="top1" style="background-color:#0000FF;"><div component="$UI/system/components/justep/titleBar/titleBar" class="x-titlebar" xid="titleBar1" style="background-color:#58ACFC;" title="掌上社区">
   <div class="x-titlebar-left" xid="left1"></div>
   <div class="x-titlebar-title" xid="title1">掌上社区</div>
   <div class="x-titlebar-right reverse" xid="right1"></div></div></div>
   <div class="x-panel-content  " xid="content1" _xid="C74733CF16C00001FD4E134D95104970"><div component="$UI/system/components/justep/row/row" class="x-row" xid="row2">
   <div class="x-col x-col-fixed mainMenu" xid="col2" style="width:auto;">
  <div component="$UI/system/components/justep/list/list" class="x-list" xid="mainMenu" data="mainMenuData" autoLoad="true" bind-click="mainMenuClick" disablePullToRefresh="true" disableInfiniteLoad="true">
   <ul xid="listTemplateUl4" class="x-list-template">
    <li xid="li3" class="text-center panel-body" bind-css="{'x-active':val('fID')==data.val('fID')}">
     <div class="panel-heading" xid="div2">
      <img src="$UI/communityOto/category/img/category_default.png" alt="" class="img6" xid="image1" bind-attr-src=' $model.getLeftImageUrl( val("fImg"))'></img>
      <div xid="div3" style="font-size:medium;">
       <h5 xid="h51" bind-text="ref('fTitle')"></h5></div> </div> </li> </ul> </div></div>
   <div class="x-col  x-scroll-view" xid="col3">
  
  
  <div class="x-scroll" component="$UI/system/components/justep/scrollView/scrollView" xid="scrollView1" onPullUp="scrollView1PullUp" autoPullUp="true" onPullDown="scrollView1PullDown">
   <div class="x-content-center x-pull-down container" xid="div1">
    <i class="x-pull-down-img glyphicon x-icon-pull-down" xid="i1"></i>
    <span class="x-pull-down-label" xid="span1">下拉刷新...</span></div> 
   <div class="x-scroll-content" xid="div4"><div component="$UI/system/components/justep/list/list" class="x-list" xid="list3" data="infoData" limit="8" autoLoad="false">
   <ul class="x-list-template" xid="listTemplateUl1">
    <li xid="li2" bind-click="li1Click"><div class="media" xid="media2">
   <div class="media-left" xid="mediaLeft2">
    <a href="#" xid="a2">
     <img class="media-object" alt="" xid="image3" bind-attr-src=' $model.getImageUrl( val("image"))' height="70px" style="margin-top:9px;width:70px;"></img></a> </div> 
   <div class="media-body" xid="mediaBody2">
    <div component="$UI/system/components/justep/output/output" class="x-output" xid="output2" bind-ref="ref('title')" style="font-weight:bold;"></div></div> </div></li></ul> </div></div>
   <div class="x-content-center x-pull-up" xid="div5">
    <span class="x-pull-up-label" xid="span2">加载更多...</span></div> </div></div>
   </div>
  </div>
   <div class="x-panel-bottom" xid="bottom1"></div></div>
  <div component="$UI/system/components/justep/popOver/popOver" class="x-popOver" xid="popOver1">
   <div class="x-popOver-overlay" xid="div7"></div>
   <div class="x-popOver-content" xid="div6" align="center">
    <i xid="i4" class="icon-loading-a" style="font-size:36px;"></i></div> </div></div>
